body {
  background: #e8f1f8;
  font-size : 16px !important;
}

.bd {
  border: 1px solid;
}

.bdb {
  border-bottom: 1px solid #ebebeb;
}

.ovh {
  overflow: hidden;
}

.h100pc {
  height: 100%;
}

.w100pc {
  width: 100%;
}

.dsn {
  display: none;
}

.fixed {
  position: fixed;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.tac {
  text-align: center;
}

.lh15 {
  line-height: 1.5;
}

/* 颜色 */
.f999 {
  color: #999;
}

.f666 {
  color: #666;
}

.f333 {
  color: #333;
}

.fff {
  color: #ffffff;
}

.orange {
  color: #ff5f16;
}

/* 背景颜色 */
.bg-green {
  background: green;
}

.bg-gray {
  background: gray;
}

.bg-fff {
  background: #ffffff;
}

/* 弹性盒子公共样式 */
/* 排列方向-横向排列 */
.flex {
  display: flex;
}

/* 纵向排列 */
.flex2 {
  display       : flex;
  flex-direction: column;
}

/* 水平居中,垂直居中 */
.fcc {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

/* 两端对齐 */
.jc-sb {
  justify-content: space-between;
}

/* 分散对齐 */
.jc-sa {
  justify-content: space-around;
}

/* 垂直居中 */
.aic {
  align-items: center;
}

/* 分配剩余空间 */
.fg1 {
  flex-grow: 1;
}

.fg2 {
  flex-grow: 2;
}


/* 字体设置 */
.f0 {
  font-size: 0px
}

.f8 {
  font-size: 8px
}

.f10 {
  font-size: 10px
}

.f12 {
  font-size: 12px
}

.f14 {
  font-size: 14px
}

.f15 {
  font-size: 15px
}

.f16 {
  font-size: 16px
}

.f18 {
  font-size: 18px
}

.f20 {
  font-size: 20px
}

.f22 {
  font-size: 22px
}

.f24 {
  font-size: 24px
}

.f26 {
  font-size: 26px
}

.fb{
  font-weight: bold;
}
.c-red{
color:#f00;
}

.c-green{
color:#0f0;
}

.color-gray1

/* margin-top设置 */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

/* margin-bottom设置 */
.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

/* margin-left设置 */
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

/* margin-right设置 */
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.m-10{
  margin: 10px;
}

/* padding-top设置 */
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

/* padding-bottom设置 */
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

/* padding-left设置 */
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

/* padding-right设置 */
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.popup-title {
  height     : 45px;
  text-align : center;
  line-height: 45px;
}

.popup-content {
  overflow-y      : auto;
  height          : 92%;
  background-color: #fff;
}

.color-gray1 {
  color: #333;
}

.color-gray2 {
  color: #666;
}

.color-gray3 {
  color: #999;
}

.color-blue {
  color: #0798ea;
}

.fl{
  float:left;
}

.fr{
  float: right;
}

.van-field.no-border::after {
  border-bottom: 0px;
}


.van-cell.card {
  border-radius   : 6px;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 10px;
  margin-left:10px;
  margin-right:10px;
  width:auto;
  .van-cell__value{
    overflow: visible;
  }
  .info_tag {
    position                 : absolute;
    border-top-right-radius  : 6px;
    border-bottom-left-radius: 6px;
    padding-left             : 10px;
    padding-right            : 10px;
    top                      : -10px;
    right                    : -10px;
  }
  .title-tag {
    margin-left:-10px;
  }
  .title{
    font-size: 15px;
    color:#333;
  }
}


.van-cell {
  .icon{
    width:15px;
    height:15px;
    margin-right: 5px;
  }
}


// 多行文本省略
.text-ellipsis {
  overflow          : hidden;
  word-break        : break-all;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height       : 1.3;
}

.add {
  position : fixed;
  top      : 15px;
  right    : 10px;
  color    : #fff;
  font-size: 16px;
  z-index  : 9999;
}

// 弹框
.dialog-content {
  position: relative;

  padding: 40px 0;

  .dialog-title,
  .dialog-bottom {
    width           : 100%;
    position        : fixed;
    left            : 0;
    height          : 40px;
    line-height     : 40px;
    padding-left    : 15px;
    font-size       : 16px;
    background-color: #fff;
  }

  .dialog-title {
    top: 0;
    padding-right:15px;
  }

  .dialog-bottom {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    bottom         : 0;
    padding        : 0 15px;

    span {
      font-size: 14px;
      color    : #666;
    }

    .complete-btn {
      color      : rgb(0, 141, 101);
      margin-left: 20px;
    }
  }
}

.dialog-content-text {
  height    : 50vh;
  overflow-y: auto;
  padding   : 3px 15px;
  font-size : 13px;
  color     : #666;

  .gist-source {
    margin-bottom: 15px;
    line-height  : 1.3;
  }

  .gist-source:last-child {
    margin-bottom: 0;
  }

  .text-list {
    margin-top: 5px;
    color     : rgb(0, 141, 101);
  }

  .dialog-description {
    color: #000;
  }
}

.dialog-content-text::-webkit-scrollbar {
  display: none;
}
// 全局阴影
.image-box-shadow {
	box-shadow: 3px 3px 3px #ccc;
}

//全局白底方块
.block-box {
  padding: 10px 10px 0px 10px;
  .block-box_item {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    .block-box_title {
      margin-bottom: 10px;
    }
  }
}

.van-hairline--bottom::after {
  border-bottom-width: 0 !important;
}

.btns{
  display: flex;
  .van-button{
    flex: 1;
    background-color: #1989fa;
    border: 1px solid #1989fa;
    line-height: 35px;
    height:auto;
    color:#fff;
  }
  .van-button--green{
    background-color: #0EB88F;
    border: 1px solid #0EB88F;
  }
  .van-button--green2{
    background-color: #4C9E99;
    border: 1px solid #4C9E99;
  }
  .van-button--orange{
    background-color:#FE6400;
    border: 1px solid #FE6400;
  }
}
.van-tag--danger{
background-color: #F5573A;
}

.van-tag--normal{
  background-color: #04BCDB;
}

.van-tag--warning{
  background-color: #F4AD51;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}


.clear-fix {
  clear: both;
}

.clear:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.van-tabs__line {
  background-color: #00c1de !important;
}

.van-icon{
  border-color: #00c1de !important;
}

.van-radio .van-radio__icon .van-icon,.van-checkbox .van-checkbox__icon .van-icon
{
  margin-top: 2px;
  width:16px;
  height:16px;
}

.van-radio .van-icon-success::before,.van-checkbox .van-icon-success::before {
    // content: '\F0C8';
    font-size: 12px;
    vertical-align: top;
}

.van-checkbox__icon--checked .van-icon{
  color: #00c1de !important;
  border-color: #00c1de !important;
  background-color: #ffffff !important;
}

.van-radio__icon--checked .van-icon{
  color: #00c1de !important;
  border-color: #00c1de !important;
  background-color: #ffffff !important;
}

.input-tool{
  .van-field__body{
    flex-wrap: wrap;
  }
}

.bottom-btns {
  margin-top: 10px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.van-divider{
	margin:0 !important;
}